html {
  background-color: #6e95ab;
}

body {
  background-color: #6e95ab;
}

.container
{
  max-width: 970px;
}
#header {
  background-color:#444;
  height:120px;
}
#logo {
  width:960px;
  height:50px;
  padding-top:10px;
  padding-left:10px;
}
#logo img {
  width:290px;
  height:56px;
  float:left;
}
#extra {
  width:960px;
}
#open_source {
  width:100%;
  font-size:30px;
  color:#FFFFFF;
  padding-left:10px;
  margin-left: 80px;
  float:left;
}
#search_bar {
  width:460px;
  font-size:30px;
  color:#FFFFFF;
  float:left;
}
#search_bar img {
  width:50px;
  height:50px;
}
#search_bar input {
  width:300px;
}
#description {
  padding: 10px;
  width:100%;
  background-size:100% 100%;
  background-image:url(../img/img_description.jpg);
}

#left_box {
  height:400x;
  float:left;
  width: 98%;
  margin-left: 1%;
  margin-right: 1%;
  margin-bottom: 10px;
  margin-top:5px;
}

#top_box {
  padding-top: auto;
  padding-bottom: auto;
  width:100%;
  float:left;
  color:#FFFFFF;
  margin-left:0px;
  background:rgba(0,0,0,0.5);
}

#recently_updated {
  color:#FFFFFF;
  font-size:20px;
  margin-left:10px;
  margin-top:10px;
  float:left;
  word-break:break-all;
}

#recently-updated-repos
{
  margin-left:0px;
  padding-left:10px;
}

#recently-updated-repos li span a
{
  font-size: 14px;
}

#view_all a {
  color:#72d3ef;
  font-size:16px;
  margin-top:10px;
  margin-left:10px;
  float:left;
  word-break:break-all;
}
#top_box ul {
  float:left;
  list-style-type:none;
  font-size:10px;
  color:#FFFFFF;
}
#top_box ul li {
  width:360px;
  float:left;
  font-size:10px;
  color:#FFFFFF;
}
#top_box ul li .name {
  margin-top:10px;
}
#top_box ul li .name a {
  font-size:16px;
  color:#72d3ef;
}
#top_box ul li .time a,.bullet a,.watchers a,.forks  a {
  font-size:16px;
  color:#FFFFFF;
}
#bottom_box {
  width:200px;
  height:100px;
  color:#FFFFFF;
  margin-top:220px;
  margin-left:0px;
  background:rgba(0,0,0,0.5);
  padding-top:10px;
  padding-bottom:10px;
}
#bottom_box #statistics {
  margin-left:10px;
  font-size:20px;
  color:#FFFFFF;
}
#bottom_box #num-members-span {
  margin-left:10px;
  color:#FFFFFF;
}
#num-members-span a,#num-repos-span a {
  color:#72d3ef;
}
#bottom_box #num-repos-span {
  margin-left:10px;
  color:#FFFFFF;
}
#right_box {
  float:left;
  padding:30px;
  height:320px;
  width: 98%;
  margin-left: 1%;
  margin-right: 1%;
  background:rgba(0,0,0,0.5);
  color:#FFFFFF;
  font-size:20px;
  margin-top:5px;
}
#right_box #slogan_img {
  padding:10px;
  color:#FFFFFF;
  font-size:20px;
  text-align:center;
}

#right_box #slogan_en {
  color:#FFFFFF;
  font-size:24px;
  text-align:center;
  margin-top:30px;
}

#right_box  #slogan_zh {
  color:#FFFFFF;
  font-size:20px;
  text-align:center;
  margin-top:30px;
}
#wrap {
  width: 100%;
  height: 100%;
  background-size: 100%;

}
#wrapper {
  height:100%;
  margin-right:auto;
  margin-left:auto;
}
#wrapper ul {
  height:220px;
  padding:10px;
  float:left;
  list-style-type:none;
  word-break:break-all;
}

#wrapper ul .ul_div{
  margin:5px;
  padding:10px;
  height: 200px;
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  background:rgba(0,0,0,0.55);
  list-style-type:none;
  word-break:break-all;
}

#wrapper  li {
  margin-top:10px;
  word-break:break-all;
}
.name {
  font-size:20px;
  font-weight:bold;
  color:#72d3ef;
}
.name a {
  color:#72d3ef;
}
.description {
  width: 100%;
  font-size:14px;
  color:#dee2e5;
}

.language {
  color:#bfc4c7;
  float: left; 
  width: 50%;
}

.star {
  color:#bfc4c7;
}


